	.oneClassAre{
		@include width(200rpx);
		@include border(2rpx,$borderBg,'right');
		align-items: center;
		@include backG($pageBg);
		@include font;
		.oneClassItem{
			@include widthHeight(100%,80rpx);
			@include flex-align-justify;
			position: relative;
			color: $blackColor;
			// @include border(4rpx,$borderBg,'right');
			@include padding(20rpx 0);
			.line{
				@include widthHeight(10rpx,40rpx);
				background: $themeColor;
				position: absolute;
				left: 0;
			}
		}
		.oneClass-check{
			@include backG(white,$themeColor);
			// font-weight: bold;
			// border-right: none;
			// @include border(4rpx,$borderBg,'top');
			// @include border(4rpx,$borderBg,'bottom');
		}
	}
	
	.twoClassAre{
		@include font;
		@include backG;
		.twoClassItemAre{
			@include width;
			@include justify-content('s');
			@include padding(0 50rpx);
			flex-flow: row wrap;
		}
		.twoClassItem{
			image{
				@include widthHeight(120rpx);
				@include margin(20rpx,'bottom');
			}
		}
		.titleAre{
			@include width;
			@include justify-content;
			@include margin(50rpx 0 0);
			font-weight: bold;
			&>text{
				@include margin(0 30rpx);
			}
			.line2{
				@include widthHeight(100rpx,2rpx);
				@include backG($blackColor);
			}
		}
	}
	
	
	